<!--?xml version="1.0" encoding="UTF-8"?-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" xml:lang="en" lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Product Comparison</title>
<!-- base href="http://template-preview.com/opencart/300111402/" -->
<link href="http://template-preview.com/opencart/300111402/image/data/cart.png" rel="icon">
<link rel="stylesheet" type="text/css" href="productcomparison/stylesheet.css">
<script type="text/javascript" src="productcomparison/jquery-1.js"></script>
<script type="text/javascript" src="productcomparison/jquery-ui-1.js"></script>
<link rel="stylesheet" type="text/css" href="productcomparison/jquery-ui-1.css">
<script type="text/javascript" src="productcomparison/jquery.js"></script>
<script type="text/javascript" src="productcomparison/jquery_002.js"></script>
<link rel="stylesheet" type="text/css" href="productcomparison/jquery.css" media="screen">
<!--[if IE]>
<script type="text/javascript" src="catalog/view/javascript/jquery/fancybox/jquery.fancybox-1.3.4-iefix.js"></script>
<![endif]--> 
<script type="text/javascript" src="productcomparison/tabs.js"></script>
<script type="text/javascript" src="productcomparison/common.js"></script>

<script type="text/javascript" src="productcomparison/jcarousellite.js"></script>
<script type="text/javascript">	$(function() { $(".carousel").jCarouselLite({ btnNext: ".next", btnPrev: ".prev" }); }); </script>

<script type="text/javascript">
	$(document).ready(function() {
		/*SOCIAL*/		
		$('div.social a').animate({'opacity':'0.5'}, 50);
		$('div.social a').hover( 
		function(){
			$(this).animate({'opacity':'1'}, 200);
		}, function(){
			$(this).animate({'opacity':'.5'}, 200);					  
		});
			
		$(window).load(function() { 
		  $('#menu ul').fadeIn(120);
		})
		
		$('.box-product ul li > div, .product-grid > div, .box-product > div').hover( 
		function(){
			$(this).find('.open_content').fadeIn(300);
		}, function(){
			$(this).find('.open_content').fadeOut(200);
		});

		$('#menu ul li').has('div').addClass('arrow_down');
		$('.box-category > ul > li').has('ul').addClass('cat_arrow_down');
		$('.box-product > div:last').css({'margin-right':'0'});
		$('body').has('.phone').addClass('homa');

		$(window).load(function() { 
			$('#content').wrapInner(document.createElement('span'));
			$("#content > span > .breadcrumb + h1").insertBefore("#content > span");
		})

/*		$('#column-left').css('min-height', $('#content').height());
			$('#content').css('min-height', $('#column-left').height());
	$('#column-right').css('min-height', $('#content').height() );
	    $('#content').css('min-height', $('#column-right').height());
*/
	});

</script>	
<!--[if ! IE]-->					   
<script type="text/javascript">
	$(document).ready(function() {

	});
</script>						   
<!--[endif]-->


<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/ie7.css" />
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/ie6.css" />
<script type="text/javascript" src="catalog/view/javascript/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('#logo img');
</script>
<![endif]-->
</head>
<body>
<div class="bg_bottom">
<div class="bg_top">
<div id="container">
<div id="header">
    <div id="logo"><a href="http://template-preview.com/opencart/300111402/index.php?route=common/home"><img src="productcomparison/logo.png" title="Your Store" alt="Your Store"></a></div>
        <form action="http://template-preview.com/opencart/300111402/index.php?route=common/home" method="post" enctype="multipart/form-data">
    <div id="currency"><span>Currency :</span>
                        <a title="Euro" onclick="$('input[name=\'currency_code\']').attr('value', 'EUR').submit(); $(this).parent().parent().submit();">€</a>
                                    <a title="Pound Sterling" onclick="$('input[name=\'currency_code\']').attr('value', 'GBP').submit(); $(this).parent().parent().submit();">£</a>
                                    <a title="US Dollar"><b>$</b></a>
                        <input name="currency_code" value="" type="hidden">
      <input name="redirect" value="http://template-preview.com/opencart/300111402/index.php?route=product/compare" type="hidden">
    </div>
  </form>
    <div id="cart">
    <div class="heading">
      <h4>Shopping Cart</h4>
      <a><span id="cart_total">1 item(s) - $120</span></a></div>
    <div class="content"></div>
  </div>
  <div id="search">
    <div class="button-search"></div>
        <input name="filter_name" value="Search" onclick="this.value = '';" onkeydown="this.style.color = '#dcba99';" type="text">
      </div>
  <div id="welcome">
        Welcome visitor you can <a href="http://template-preview.com/opencart/300111402/index.php?route=account/login">login</a> or <a href="http://template-preview.com/opencart/300111402/index.php?route=account/register">create an account</a>.      </div>
  <div class="links"><a href="http://template-preview.com/opencart/300111402/index.php?route=common/home">Home</a><a href="http://template-preview.com/opencart/300111402/index.php?route=account/wishlist" id="wishlist_total">Wish List (1)</a><a href="http://template-preview.com/opencart/300111402/index.php?route=account/account">My Account</a><a href="http://template-preview.com/opencart/300111402/index.php?route=checkout/cart">Shopping Cart</a><a href="http://template-preview.com/opencart/300111402/index.php?route=checkout/checkout">Checkout</a></div>
<div id="menu">
  <ul style="display: block;">
        <li><a href="http://template-preview.com/opencart/300111402/index.php?route=product/category&amp;path=61">Books</a>
          </li>
        <li><a href="http://template-preview.com/opencart/300111402/index.php?route=product/category&amp;path=59">e-books</a>
          </li>
        <li class="arrow_down"><a href="http://template-preview.com/opencart/300111402/index.php?route=product/category&amp;path=20">Children</a>
            <div style="">
                <ul style="">
                                        <li><a href="http://template-preview.com/opencart/300111402/index.php?route=product/category&amp;path=20_45">Early Readers (2)</a></li>
                                        <li><a href="http://template-preview.com/opencart/300111402/index.php?route=product/category&amp;path=20_46">Family &amp; Growing Up (4)</a></li>
                                        <li><a href="http://template-preview.com/opencart/300111402/index.php?route=product/category&amp;path=20_62">Fantasy &amp; Magic (3)</a></li>
                                        <li><a href="http://template-preview.com/opencart/300111402/index.php?route=product/category&amp;path=20_28"> Food (5)</a></li>
                                        <li><a href="http://template-preview.com/opencart/300111402/index.php?route=product/category&amp;path=20_29">Humor (3)</a></li>
                                        <li><a href="http://template-preview.com/opencart/300111402/index.php?route=product/category&amp;path=20_26">Romance (5)</a></li>
                                        <li><a href="http://template-preview.com/opencart/300111402/index.php?route=product/category&amp;path=20_27">Classics (3)</a></li>
                            </ul>
              </div>
          </li>
        <li><a href="http://template-preview.com/opencart/300111402/index.php?route=product/category&amp;path=60">Cookbooks</a>
          </li>
        <li><a href="http://template-preview.com/opencart/300111402/index.php?route=product/category&amp;path=18">Magazines</a>
          </li>
        <li><a href="http://template-preview.com/opencart/300111402/index.php?route=product/category&amp;path=25">Medicine</a>
          </li>
      </ul>
</div>
</div>

<div id="notification"></div>
<div class="bg_content"> 
<div id="content"><h1>Product Comparison</h1><span>  <div class="breadcrumb">
        <a href="http://template-preview.com/opencart/300111402/index.php?route=common/home">Home</a>
         » <a href="http://template-preview.com/opencart/300111402/index.php?route=product/compare">Product Comparison</a>
      </div>
  
    <table class="compare-info">
    <thead>
      <tr>
        <td colspan="4">Product Details</td>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Product</td>
                <td class="name"><a href="http://template-preview.com/opencart/300111402/index.php?route=product/product&amp;product_id=31">Lorem ipsum dolor sit amet, consectetur</a></td>
                <td class="name"><a href="http://template-preview.com/opencart/300111402/index.php?route=product/product&amp;product_id=33">Lorem ipsum dolor sit amet, consectetur</a></td>
                <td class="name"><a href="http://template-preview.com/opencart/300111402/index.php?route=product/product&amp;product_id=42">Lorem ipsum dolor sit amet, consectetur</a></td>
              </tr>
      <tr>
        <td>Image</td>
                <td>          <img src="productcomparison/product_14-142x211.jpg" alt="Lorem ipsum dolor sit amet, consectetur">
          </td>
                <td>          <img src="productcomparison/product_3-142x211.jpg" alt="Lorem ipsum dolor sit amet, consectetur">
          </td>
                <td>          <img src="productcomparison/product_15-142x211.jpg" alt="Lorem ipsum dolor sit amet, consectetur">
          </td>
              </tr>
      <tr>
        <td>Price</td>
                <td>                    $96                    </td>
                <td>                    $237                    </td>
                <td>                    <span class="price-old">$120</span> <span class="price-new">$108</span>
                    </td>
              </tr>
      <tr>
        <td>Model</td>
                <td>Product 4</td>
                <td>Product 6</td>
                <td>Gift 1</td>
              </tr>
      <tr>
        <td>Brand</td>
                <td></td>
                <td></td>
                <td>Politics &amp; Current Events</td>
              </tr>
      <tr>
        <td>Availability</td>
                <td>In Stock</td>
                <td>In Stock</td>
                <td>In Stock</td>
              </tr>
      <tr>
        <td>Rating</td>
                <td><img src="productcomparison/stars-0.png" alt="Based on 0 reviews."><br>
          Based on 0 reviews.</td>
                <td><img src="productcomparison/stars-0.png" alt="Based on 0 reviews."><br>
          Based on 0 reviews.</td>
                <td><img src="productcomparison/stars-0.png" alt="Based on 0 reviews."><br>
          Based on 0 reviews.</td>
              </tr>
      <tr>
        <td>Summary</td>
                <td class="description">
	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim 
semper nulla, quis aliquam arcu ornare non. Sed convallis interdum nunc,
 sed cursus diam tempor consequat. Etiam turpis magna, ultrices in 
suscipit et, cursus vitae odio. Donec venenatis tempus purus, ac 
vestibulum mauris vehicula eu. In pellentesque ipsum vitae lacus 
interdum auctor. In hac habitasse platea dictumst. Proin ..</td>
                <td class="description">
	
		
			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed 
dignissim semper nulla, quis aliquam arcu ornare non. Sed convallis 
interdum nunc, sed cursus diam tempor consequat. Etiam turpis magna, 
ultrices in suscipit et, cursus vitae odio. Donec venenatis tempus 
purus, ac vestibulum mauris vehicula eu. In pellentesque ipsum vitae 
lacus interdum auctor. In hac habitasse platea dictums..</td>
                <td class="description">
	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim 
semper nulla, quis aliquam arcu ornare non. Sed convallis interdum nunc,
 sed cursus diam tempor consequat. Etiam turpis magna, ultrices in 
suscipit et, cursus vitae odio. Donec venenatis tempus purus, ac 
vestibulum mauris vehicula eu. In pellentesque ipsum vitae lacus 
interdum auctor. In hac habitasse platea dictumst. Proin ..</td>
              </tr>
      <tr>
        <td>Weight</td>
                <td>0.00kg</td>
                <td>5.00kg</td>
                <td>12.50kg</td>
              </tr>
      <tr>
        <td>Dimensions (L x W x H)</td>
                <td>0.00in x 0.00in x 0.00in</td>
                <td>0.00mm x 0.00mm x 0.00mm</td>
                <td>1.00cm x 2.00cm x 3.00cm</td>
              </tr>
    </tbody>
        <thead>
      <tr>
        <td colspan="4">Processor</td>
      </tr>
    </thead>
        <tbody>
      <tr>
        <td>Clockspeed</td>
                        <td></td>
                                <td></td>
                                <td>100mhz</td>
                      </tr>
    </tbody>
            <tbody><tr>
      <td></td>
            <td><a onclick="addToCart('31');" class="button"><span>Add to Cart</span></a></td>
            <td><a onclick="addToCart('33');" class="button"><span>Add to Cart</span></a></td>
            <td><a onclick="addToCart('42');" class="button"><span>Add to Cart</span></a></td>
          </tr>
    <tr>
      <td></td>
            <td><form action="http://template-preview.com/opencart/300111402/index.php?route=product/compare" method="post" enctype="multipart/form-data">
          <input name="remove" value="31" type="hidden">
          <a class="button" onclick="$(this).parent().submit();"><span>Remove</span></a>
        </form></td>
            <td><form action="http://template-preview.com/opencart/300111402/index.php?route=product/compare" method="post" enctype="multipart/form-data">
          <input name="remove" value="33" type="hidden">
          <a class="button" onclick="$(this).parent().submit();"><span>Remove</span></a>
        </form></td>
            <td><form action="http://template-preview.com/opencart/300111402/index.php?route=product/compare" method="post" enctype="multipart/form-data">
          <input name="remove" value="42" type="hidden">
          <a class="button" onclick="$(this).parent().submit();"><span>Remove</span></a>
        </form></td>
          </tr>
  </tbody></table>
  <div class="buttons">
    <div class="right"><a href="http://template-preview.com/opencart/300111402/index.php?route=common/home" class="button"><span>Continue</span></a></div>
  </div>
      <div style="clear:both; padding-bottom:1px"></div></span></div>
<div style="clear:both"></div>
</div><!--   END  bg_content  -->

</div><!--   END  container  -->

<div id="footer">
	<div class="centr">
	  <div class="column">
		<h3>Information</h3>
		<ul>
		  		  <li><a href="http://template-preview.com/opencart/300111402/index.php?route=information/information&amp;information_id=4">About Us</a></li>
		  		  <li><a href="http://template-preview.com/opencart/300111402/index.php?route=information/information&amp;information_id=6">Delivery Information</a></li>
		  		  <li><a href="http://template-preview.com/opencart/300111402/index.php?route=information/information&amp;information_id=3">Privacy Policy</a></li>
		  		  <li><a href="http://template-preview.com/opencart/300111402/index.php?route=information/information&amp;information_id=5">Terms &amp; Conditions</a></li>
		  		</ul>
	  </div>
	  <div class="column">
		<h3>Customer Service</h3>
		<ul>
		  <li><a href="http://template-preview.com/opencart/300111402/index.php?route=information/contact">Contact Us</a></li>
		  <li><a href="http://template-preview.com/opencart/300111402/index.php?route=account/return/insert">Returns</a></li>
		  <li><a href="http://template-preview.com/opencart/300111402/index.php?route=information/sitemap">Site Map</a></li>
		</ul>
	  </div>
	  <div class="column">
		<h3>Extras</h3>
		<ul>
		  <li><a href="http://template-preview.com/opencart/300111402/index.php?route=product/manufacturer">Brands</a></li>
		  <li><a href="http://template-preview.com/opencart/300111402/index.php?route=checkout/voucher">Gift Vouchers</a></li>
		  <li><a href="http://template-preview.com/opencart/300111402/index.php?route=affiliate/account">Affiliates</a></li>
		  <li><a href="http://template-preview.com/opencart/300111402/index.php?route=product/special">Specials</a></li>
		</ul>
	  </div>
	  <div class="column">
		<h3>My Account</h3>
		<ul>
		  <li><a href="http://template-preview.com/opencart/300111402/index.php?route=account/account">My Account</a></li>
		  <li><a href="http://template-preview.com/opencart/300111402/index.php?route=account/order">Order History</a></li>
		  <li><a href="http://template-preview.com/opencart/300111402/index.php?route=account/wishlist">Wish List</a></li>
		  <li><a href="http://template-preview.com/opencart/300111402/index.php?route=account/newsletter">Newsletter</a></li>
		</ul>
	  </div>
	  <div id="powered">
		<div class="social right_20">
			<a style="opacity: 0.5;" href="#" class="_1"></a>
			<a style="opacity: 0.5;" href="#" class="_2"></a>
			<a style="opacity: 0.5;" href="#" class="_3"></a>
		</div><br>
		Powered By <a href="http://www.opencart.com/">OpenCart</a><br> Your Store © 2013<br><br>
		<div class="pay_pall_img"></div>
	  </div>
  </div>
</div>

</div> <!--end bg_top-->
</div> <!--end bg_bottom-->
<div id="fancybox-tmp"></div><div id="fancybox-loading"><div></div></div><div id="fancybox-overlay"></div><div id="fancybox-wrap"><div id="fancybox-outer"><div class="fancybox-bg" id="fancybox-bg-n"></div><div class="fancybox-bg" id="fancybox-bg-ne"></div><div class="fancybox-bg" id="fancybox-bg-e"></div><div class="fancybox-bg" id="fancybox-bg-se"></div><div class="fancybox-bg" id="fancybox-bg-s"></div><div class="fancybox-bg" id="fancybox-bg-sw"></div><div class="fancybox-bg" id="fancybox-bg-w"></div><div class="fancybox-bg" id="fancybox-bg-nw"></div><div id="fancybox-content"></div><a id="fancybox-close"></a><div id="fancybox-title"></div><a href="javascript:;" id="fancybox-left"><span class="fancy-ico" id="fancybox-left-ico"></span></a><a href="javascript:;" id="fancybox-right"><span class="fancy-ico" id="fancybox-right-ico"></span></a></div></div></body></html>